{% extends "index/skeleton.html" %}
{% load static %}
{% block body %}
        <div class="wrapper h-100">
            <nav id="sidebar" class="active">
                <div class="sidebar-header">
                    <h3 class="bigSidebar sidebarToggle">Möwe</h3>
                    <strong class="smallSidebar sidebarToggle">MW</strong>
                </div>
                <ul class="list-unstyled components nav flex-column">
                    <li class="nav-item">
                        <a class="nav-link" href="{% url 'crew:crew' %}">
                            <i class="fas fa-user"></i>
                            <p>Crew</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{% url 'funk:index' %}">
                            <i class="fas fa-comment"></i>
                            <p>Funk</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{% url 'accountstats:index' %}">
                            <i class="fas fa-chart-area"></i>
                            <p>Stats</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{% url 'about:index' %}">
                            <i class="fas fa-briefcase"></i>
                            <p>Über</p>
                        </a>
                    </li>
                </ul>
                
                <div id="loginDiv" class="btn-group mr-2" role="group">
                    {% if user.is_authenticated %}
                        <form action="{% url 'index:logout' %}">
                            <button type="submit" class="btn btn-info">
                                <i class="fas fa-sign-out-alt"></i>
                            </button>
                        </form>
                        <form action="{% url 'accountstats:account-detail' user.username %}">
                            <button type="submit" class="bigSidebar btn btn-info">
                            {{ user.username }}
                        </button>
                        </form>
                    {% else %}
                        <a href="{% url 'index:login' %}">
                            <button type="button" class="btn btn-primary">
                            <i class="fas fa-sign-in-alt"></i>
                            <p>Einloggen</p>
                            </button>
                        </a>
                    {% endif %}
                </div>
                
            </nav>
            <div id="content" name="content" class="main w-100 p-3">
                <div class="container-fluid" height="100%">
                    {% block content %}
                    {% endblock %}
                </div>
            </div>
        </div>
{% endblock %}
